$navigation-height:25px;

page {
  background-color: rgba(229, 231, 235, 0.6);
}

.navigation-bar-container {
  background-color: #fff;

  .navigation-bar {
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: $navigation-height;
    position: fixed;
    z-index: 3;


    text {
      line-height: $navigation-height;
      font-size: 20px;
      text-align: center;
    }

    .icons {
      margin-left: 10px;
    }
  }

  .station {
    width: 100vw;
    height: $navigation-height;
  }
}

.config-list {
  display: flex;
  margin: 20rpx 0;
  background-color: #fff;
  border-radius: 20rpx;

  .course-img {
    display: inline-block;
    width: 100rpx;
    height: 100rpx;
    margin: auto 20rpx;
    border-radius: 10rpx;
  }

  .text-config {
    width: 68vw;
    overflow: hidden;
    margin: 10rpx 0;
    .course-config {
      display: block;
      font-size: 16px;
    }

    .course-title {
      display: block;
      // width: 68vw;
      font-size: 16px;
      line-height: 60rpx;
      white-space: nowrap;
    }
  }


  .tools {
    display: flex;
    flex-direction: column;

    button {
      margin: auto 4px;
      padding: 0px 3px;
      line-height: 20px;
      height: 20px;
      border-radius: 3px;
      font-size: 14px;
    }
  }
}